<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="footer.css" />
		<link rel="stylesheet" href="../../css/lystyle.css" />
		<style type="text/css">
			/*修改底部字体颜色*/
			.foot:nth-child(4) {
				color: #e83023;
			}
		</style>
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="ly-bgcolor">
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<!--<a id="headRightImage" href="#"><img class="headRightImg" src="../../images/personage/myinfo.png" /></a>-->
					<p id="headTitle">我的信息</p>
				</div>
				<div id="content" style="padding-bottom: 1.319444rem;">
					<!--头像-->
					<div class="ly-userimg">
						<img :src="list.avatar" v-if="list.avatar"/>
						<img  v-else src="../../images/coalltion/touxiang.png"/>
					</div>
					<!--基本信息-->
					<div class="ly-info">
						<div>
							<span class="ly-info-title">基本信息</span>
						</div>
						<ul class="ly-info-ul">
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">用户名 ：<span id="username" v-text="list.loginName"></span></span>
								</a>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">手机号 ：<span id="phone" v-text="list.tel"></span></span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">邮箱号 ：
										<span id="email" v-text="list.email"></span>
									</span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">感恩号 ：<span id="ganen" v-text="list.thankNum"></span></span>
								</a>
							</li>
						</ul>
					</div>
					<!--会员信息-->
					<div class="ly-info" style="margin-top: 0.3rem;">
						<div>
							<span class="ly-info-title">会员信息</span>
						</div>
						<ul class="ly-info-ul">
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">会员年限 ：<span id="vipyear">暂未申请</span></span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">会员费用 ：<span id="vippay">暂未申请</span></span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span>会员期限： <span style="color: #666;" id="startU">暂未申请</span></span><br />
									<span style="padding-left:90px;" id="endU">暂未申请</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="ly-info" style="margin-top: 0.2rem;">
						<div>
							<span class="ly-info-title">创客信息</span>
							<!--../../../backstage/home/backstage_pay.html-->
							<a class="ly-info-btn" href="../../../backstage/home/backstage_pay.html" style="float: right;">续费</a>
						</div>
						<ul class="ly-info-ul">
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span">创客年限 ：暂未申请</span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span" id="ckM">创客费用 ：</span>
									<span id="ckML">
										暂未申请
									</span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span>创客期限： <span style="color: #666;" id="startC">暂未申请</span></span><br />
									<span style="padding-left:90px;" id="endC">暂未申请</span>
								</a>
							</li>
						</ul>
					</div>
					<!--我的资产-->
					<div class="ly-info" style="margin-top: 0.2rem;">
						<div>
							<span class="ly-info-title">我的资产</span>
						</div>
						<ul class="ly-info-ul">
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span" id="rhNum">仁和币 ：</span><img class="headRightImg" src="../../images/personage/more.png" /></a>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span" id="goldNum">金币 ：</span>
								</a>
							</li>
							<li class="ly-info-li" style="border-bottom-width: 0px;">
								<a>
									<span class="ly-info-span" id="jf">积分 ：</span>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../../app/view/kaoqin/index2.html">
					<img class="footImg" src="../../images/15.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="personIndex.html">
					<img class="footImg" src="../../images/myCheck.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/jquery-2.2.3.min.js"></script>
	<!--cookie 操作插件-->
	<script src="../../js/jquery.cookie.js"></script>
	<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/vue-resource.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var local = 'http://47.104.13.109/';
		new Vue({
			el: '#wrap',
			data: {
				list: {},
				loginName: '',
				chuangK: {},
				user: {},
				memberIds:'',
			},
			created: function() {
				var that = this;
				that.$http({
					//+ $.cookie('tokenRh')
					url: local + 'member-service/member/mine/member?token='+ $.cookie('tokenRh'),
					method: 'GET'
				}).then(function(res) {
					console.log(res.data)
					that.list = res.data;
					that.tel = res.data.tel || ''; //创客信息 创客1
					that.memberIds = res.data.id||'snow',
					that.$http({
							url: local + 'applyfor-service/founder/search?pageNum=1&pageSize=1&applyforType=1&applyforUser='+that.tel,
							method: 'GET'
						}).then(function(res) {
							console.log(res.data);
							if (res.data.code==1) {
								that.chuangK = res.data.applyform;
								$("#ckML").text(res.data.applyform.membercost||'');
								$("#startC").text(that.chuangK.applyforDate||'');
								$("#endC").text(that.chuangK.dueDate);
								
							}

						})
						//会员信息 会员0
					that.$http({
						url: local + 'applyfor-service/founder/search?pageNum=1&pageSize=1&applyforType=0&applyforUser='+that.tel,
						method: 'GET'
					}).then(function(res) {
						console.log(res.data)
						if (res.data.code==1) {
							that.user = res.data.applyform;
							$("#vippay").text(res.data.applyform.membercost);
							$("#startU").text(that.chuangK.applyforDate);
							$("#endU").text(that.chuangK.dueDate);
						}
					})

					//我的资产
					that.$http({
							url: local + 'gold-service/tfGoldList?memberIds='+that.memberIds,
							method: 'post'
						}).then(function(res) {
							console.log(res.data);
							$("#goldNum").text("金币: " + res.data[0].goldNum);
							//goldNum
						})
						//仁和币
					that.$http({
							url: local + 'coin-service/coin/search?rhObject=8&rhType=member',
							method: 'post'
						}).then(function(res) {
							$("#rhNum").text("仁和币: " + res.data.rhNum);
							//goldNum
						})
						//积分
					that.$http({
						url: local + 'integral-service/tfIntegral?memberIds=snow',
						method: 'post'
					}).then(function(res) {
						console.log(res.data[0].integralNum);
						$("#jf").text("积分: " + res.data[0].integralNum);
						//goldNum
					})

				});

			}

		})
	</script>

</html>